<script type="text/javascript">
	$(document).ready(function(){
		$( "#tabs" ).tabs({collapsible: true});
	});

</script>

<div id="tabs" style="height:400px;">
	<ul>
		<li><a href="#tabs-1">รายละเอียดการจอง</a></li>
	</ul>
	<div id="tabs-1" style="padding: 70px;">
		<div align="center">
		<?php 
			if(isset($status))
			{
				foreach ($status as $row)
				{
		?>
				<table border="1">
					<tr>
						<th colspan="2" align="center">รายละเอียดการจอง</th>
					</tr>
					<tr>
						<td width="150px">หมายเลขการจอง</td>
						<td width="150px"><?php echo $row->reskey; ?></td>
					</tr>
					<tr>
						<td>ชื่อผู้จอง</td>
		<?php 
						foreach ($member as $mem)
						{
							echo "<td>" .$mem->name ."&nbsp;" .$mem->surname ."</td>";
						}
		?>
					</tr>
					<tr>
						<td>ห้อง</td>
						<td><?=$row->roomname?></td>
					</tr>
					<tr>
						<td>วันที่ต้องการใช้ห้อง</td>
						<td><?=$row->usedate?></td>
					</tr>
					<tr>
						<td>เวลาที่ต้องการใช้ห้อง</td>
						<td><?=$row->usetime_start?>&nbsp;-&nbsp;<?=$row->usetime_end?>&nbsp;น.</td>
					</tr>
					<tr>
						<td>สถานะการจอง</td>
						<td>
		<?php 
						if($row->resstatus == 0)
						{
							echo "ยังไม่ได้รับการอนุมัติ";
						}
						if($row->resstatus == 1)
						{
							echo "ได้รับการอนุมัติแล้ว";
						}
		?>
						</td>
					</tr>
				</table>	
		<?php
				}
			}
			else {
				echo "ข้อมูลผิดพลาด ไม่พบหมายเลขการจองนี้";
			}
		?>
		</div>
	</div>
</div>